<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>    
    <title><?php echo $title . ' &raquo; ' . $search_keywords; ?></title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
    <base href="<?php echo $base; ?>" />
    <?php if ($icon) { ?>
        <link href="<?php echo $icon; ?>" rel="icon" />
    <?php } ?>      
    <?php if ($keywords) { ?>
        <meta name="keywords" content="<?php echo $keywords; ?>" />
    <?php } ?>
    <?php if ($description) { ?>
        <meta name="description" content="<?php echo $description; ?>" />
    <?php } ?>
    <?php if ($canonical) { ?>
        <link rel="canonical" href="<?php echo str_replace('&', '&amp;', $canonical); ?>" />
    <?php } ?>
	<?php if ($addwish_meta_tags) { ?>
		<?php foreach ($addwish_meta_tags as $tag) { ?>
			<?php echo $tag ?>
		<?php } ?>
    <?php } ?>

    <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/css/style.css" />   
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/css/jquery.simplemodal.css" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/css/giftcard.css" />
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/css/onestep.css"/>

    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/jquery.js"></script>          
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/jscroll_1.js"></script> 
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/jscroll_2.js"></script> 
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/jquery.simplemodal.js"></script> 
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/simplemodal.formstyle.js"></script>
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/list_images.js"></script>
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/menu-hover-intent.js"></script>
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/hoverpulse.js"></script>
    <script type="text/javascript" src="catalog/view/theme/<?php echo $template; ?>/js/crawler.js"></script>  
     
<style>  
 </style>    
<script type="text/javascript">
 /*
  * Show text when mouseover
  */
 $(document).ready(function() {
    $(".tooltips_3").hover(
         function() { $(this).contents("div:last-child").css({ display: "block" }); },
         function() { $(this).contents("div:last-child").css({ display: "none" }); }
    );

    $(".tooltips_3").mousemove(function(e) {
        var mousex = e.pageX-200;
        var mousey = e.pageY-60;
        $(this).contents("div:last-child").css({  top: mousey, left: mousex });
    });
 });
</script>
          
<script type="text/javascript">
 /*
  * Sub-menu of product
  */
    $(function() {
        function megaHoverOver(){
            $(this).find(".sub").stop().fadeTo('fast', 1).show();
            (function($) { 
                jQuery.fn.calcSubWidth = function() {
                    rowWidth = 0;
                    $(this).find("ul").each(function() {                    
                        rowWidth += $(this).width(); 
                    });    
                };
            })(jQuery); 
            
            if ( $(this).find(".row").length > 0 ) { 
                var biggestRow = 0;    
                //Calculate each row
                $(this).find(".row").each(function() {                               
                    $(this).calcSubWidth();
                    if(rowWidth > biggestRow) {
                        biggestRow = rowWidth;
                    }
                });
                $(this).find(".sub").css({'width' :biggestRow});
                $(this).find(".row:last").css({'margin':'0'});
                
            } else { 
                $(this).calcSubWidth();
                //Set Width
                $(this).find(".sub").css({'width' : rowWidth});
            }
        }
        
        function megaHoverOut(){ 
            $(this).find(".sub").stop().fadeTo('fast', 0, function() {
                $(this).hide(); 
            });
        }
    
        var config = {    
             sensitivity: 2,   
             interval: 80, 
             over: megaHoverOver,
             timeout: 200, 
             out: megaHoverOut
        };
        
        $("ul#topNav li .sub").css({'opacity':'0'});
        $("ul#topNav li").hoverIntent(config);
        
        $("#topNav li").hover(
            function () {
                $(this).addClass("hover");
            },
            function () {
                $(this).removeClass("hover");
            }
        );
    });
</script>
<script type="text/javascript"><!--  
    jQuery(document).ready(function(){        
        // Set active menu
        var route = getURLVar('route');             
        
        if (!route) {  
            var url = String(document.location).toLowerCase();   
            if(url.indexOf('om-os') > 0){              
                jQuery('#MenuOmos').addClass('current');
            }
            else if(url.indexOf('categories') > 0){
                jQuery('#MenuProduct').addClass('current');                  
            }
			else if(url.indexOf('manufacturers') > 0){
                jQuery('#MenuProduct').addClass('current');                  
            }
            else if(url.indexOf('terms_and_conditions') > 0){
                jQuery('#MenuHandel').addClass('current');                  
            } 
            else if(url.indexOf('list_article') > 0){
                jQuery('#MenuNews').addClass('current');                  
            } 
            else if(url.indexOf('contact') > 0){
                jQuery('#MenuContact').addClass('current');                  
            }               
        }          
        else {
            var part = route.split('/');
            
            if (route == 'common/home'){
                jQuery('#MenuHome').addClass('current');
            } 
            else if (part[0] == 'product') {
                jQuery('#MenuProduct').addClass('current');    
            } 
            else if (route == 'information/information') {
                /*
                alias = getURLVar('alias'); 
                if (alias == 'handelsbetingelser'){  
                    jQuery('#MenuHandel').addClass('current');
                }
                else if (alias == 'omos'){
                    jQuery('#MenuOmos').addClass('current');    
                }
                */
                jQuery('#MenuOmos').addClass('current');    
            } 
            else if ((part[0] == 'information') && (part[1] == 'contact')) {
                jQuery('#MenuContact').addClass('current');    
            } 
            else if ((part[0] == 'information') && (part[1] == 'forhandlen')) {
                jQuery('#MenuHandel').addClass('current');    
            }
            else if (part[0] == 'content') {
                jQuery('#MenuNews').addClass('current');    
            }
            else{
                //jQuery('#MenuProduct').addClass('current');
            } 
        }
    });
    
    function getURLVar(urlVarName) {
        var urlHalves = String(document.location).toLowerCase().split('?');
        var urlVarValue = '';
        
        if (urlHalves[1]) {
            var urlVars = urlHalves[1].split('&');

            for (var i = 0; i <= (urlVars.length); i++) {
                if (urlVars[i]) {
                    var urlVarPair = urlVars[i].split('=');
                    
                    if (urlVarPair[0] && urlVarPair[0] == urlVarName.toLowerCase()) {
                        urlVarValue = urlVarPair[1];
                    }
                }
            }
        }
        
        return urlVarValue;
    }            
//-->
</script>   

<script type="text/javascript"><!--     
    //Search
    jQuery(document).ready(function(){        
        var search_hint = 'Søg'; //' efter id eller produktnavn';;
        jQuery('#search').keydown(function(e) {
            if (e.keyCode == 13) {
                moduleSearch();
            }
        });
        jQuery('#search').focus(function(e) {
            if (jQuery(this).val() == search_hint) {
                jQuery(this).val('');
            }
        });
        jQuery('#search').blur(function(e) {
            if (jQuery(this).val() == '') {
                jQuery(this).val(search_hint);
            }
        });
        jQuery('#search_button').click(function(e) {
            //e.preventDefault();

            moduleSearch();  
        });
    });
     
    function moduleSearch() {
        //url = 'index.php?route=product/search&keyword=' + jQuery('#search').val();
        /*
        url = '<?php echo $search_url ?>';
        if(url.indexOf('?') > 0){
            url += '&keyword=' + jQuery('#search').val();
        }
        else{
            url += '?keyword=' + jQuery('#search').val();
        }
        
        location = url;
        */

        jQuery('#search_overlay').show();
        jQuery('#searchForm').submit();
    }
//-->
</script>
</head>
<body class="body_all">
<div id="fb-root"></div>
<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/da_DK/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div id="page_margins">
	<div id="page_all">
    	<div id="page_content">
        	<div id="header">
	            <p class="float_left p10t"><a href="<?php echo $home; ?>"><img src="catalog/view/theme/<?php echo $template; ?>/images/logo.png"/></a></p>
	            <!-- p class="float_right" style="margin:10px 0 0 0;"><img src="catalog/view/theme/<?php echo $template; ?>/images/forbrugsforeningen-logo.png" alt="" /></p -->
				<?php echo $cart ?>
                <p class="float_right" style="margin:10px 20px 0 0;"><a href="http://www.emaerket.dk/e-maerket/havhokeren.dk" target="_blank"><img src="catalog/view/theme/<?php echo $template; ?>/images/elogo_head.png" alt="" /></a></p>
	            <p class="cb"></p>
            </div>
            <div>
            	<div id="nav_main">
	                <ul id="topNav">
                		<li id="MenuHome"><a href="<?php echo $home; ?>">Forside</a></li>
	                    <li id="MenuOmos"><a href="<?php echo $omos; ?>">Om Havhøkeren</a></li>
	                    <li id="MenuProduct">
                            <!-- a href="<?php echo $product; ?>">Produkter </a -->
							<a href="<?php echo $manufacturer; ?>">Brands </a>							
                            <div class="sub">
                                <?php $max = count($categories) - 1; ?> 
                                <ul>
                                    <?php for($i = 0; $i <= 6; $i++){ ?>
                                        <li><a href="<?php echo $categories[$i]['href']; ?>"><?php echo $categories[$i]['name']; ?></a></li>                                    
                                    <?php } ?>  
                                </ul>
                                <ul>
                                    <?php for($i = 7; $i <= $max; $i++){ ?>
                                        <li><a href="<?php echo $categories[$i]['href']; ?>"><?php echo $categories[$i]['name']; ?></a></li>                                    
                                    <?php } ?>                                    
                                </ul>
                            </div>
                        </li>
	                    <!-- li><a href="<?php echo $blog; ?>" target="_blank">Blog</a></li -->
	                    <li id="MenuHandel"><a href="<?php echo $handels; ?>">Handelsbetingelser</a></li>
                        <!-- li id="MenuNews"><a href="<?php echo $news; ?>">Nyheder</a></li -->
                  		<li id="MenuContact"><a href="<?php echo $contact; ?>">Kontakt os </a></li>
	                </ul>
                </div>

 				<div class="box_search float_right">
  					<div class="float_left p10r p2t">
              		    <div style="float:left;" class="tooltips_3">                		             		  
              			    <img src="catalog/view/theme/<?php echo $template; ?>/images/icon_info.png" width="19" height="19" />
						    <div id='tool_3' class="tooltip-style1_3"><?php echo $search_hint; ?></div>
					    </div> 
					</div>                           
                    <!--  				
 					<p class="float_left p10r p2t">
 						<a href="javascript:void(0);"><img src="catalog/view/theme/<?php echo $template; ?>/images/icon_info.png" width="19" height="19" /></a>
					</p>	
                    -->
                    <form id="searchForm" method="post" action="<?php echo $search_url; ?>">
                	    <input id="search" class="search_txt" name="keyword" value="<?php echo $keyword ? $keyword : 'Søg'; // efter id eller produktnavn'; ?>" title="Søg" /><input id="search_button" class="p2t" name="button" type="image" src="catalog/view/theme/<?php echo $template; ?>/images/icon_search.png" />
                    </form>
              	</div>
                <p class="cb"></p>
            </div>			
            <!-- End header -->                       